<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style type="text/css">
        	.two{
        		color:blue;
        	}
        	.one{
        		color:red;
        	}
        	/* 标签式选择器 */
        	p.one{
        		color:#CF15D5;
        	}
        	div#div{
        		color:#DE4624;
        	}
        	span#sp{
        		font-size:100px;
        	}
        </style>
    </head>
    <body>
    	<p class="one">文字</p>
    	<!-- class中的样式，哪个在后就会最终显示哪个 -->
    	<!-- <p class="two one">文字2</p> -->
    	<p class="one">文字3</p>
    	<p class="two">文字4</p>
    	<p>文字5</p>
    	<span id="sp">wenzi</span>
    	<div id="div"><p>文字还有文字</p></div>
    </body>
</html>